九宫格还有哪些布局方法

这里是修真院web小课堂，每篇分享文从

【背景介绍】【知识剖析】【常见问题】【解决方案】【编码实战】【扩展思考】【更多讨论】【参考文献】

八个方面深度解web知识/技能，本篇分享的是：

【 九宫格还有哪些布局方法】

今天给大家分享一下九宫格有哪些布局方法，他们各自有什么优缺点。

                                   1.背景介绍

我们在布局的时候经常会使用到九宫格的模型，那么如何排布九宫格就成了一个常见的问题，那么我们有哪些九宫格的排布方式呢？

                                   2.知识剖析

一个盒子实际所占有的宽度（或高度）是由”内容+内边距+边框+外边距“组成的 content是元素的实际内容，也就是元素框。当元素为块级元素或内联块级元素时，可以设置width，height属性来设定内容区的宽高。而内联非替换元素设置width,height属性无效，其宽度随元素的内容而变化。 当默认情况下，块级元素宽度自动填满其父元素宽度。

Padding属性定义了元素边框与元素内容之间的空间。其值不可为负值，背景图与背景 色可以显示在padding上。 当在内联非替换元素上设置padding时，不会影响行高计算,但背景色可以显示。

border指盒模型的边框，边框的相关的属性:宽度(border-width)、样式(border-style)、颜色(border-color)。 在默认